@import './../../style/default.less';
.header{
background-color:colorM;
    .header-top{
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        text-align: right;
        a{
         margin-left: 40px;   
        }
        .menu-controll-button{
            text-align: left;
            Button{
                margin-bottom: 16px;
            }
            
        }
    }
    .breadcrumb{
        height: 40px;
        line-height: 40px;
        padding:0 20px ;
        border-top: 1px solid #1890ff;
        .breadcrumb-title{
           text-align: center;
           font-size: @fontC;
           &:after{
               position: absolute;
               content:'';
               left:60px;
               top:19px;
               border-top: 9px solid @colorN;
               border-left: 12px solid transparent; ;
               border-right: 12px solid transparent;;
           }
        }
        .weather{
            font-size: 14px;
            text-align: right;
            .date{
                margin-right: 10px;
                vertical-align: middle;
            }
            .weather-img{
                img{
                    height: 22px;
                }
            }
            .weather-detail{
                margin-left: 5px;
                vertical-align: middle;
            }
        }

    }
}